<form
  class="wsl-form flex-grow px-2 py-4"
  [formGroup]="installAccountForm"
  (ngSubmit)="onSubmit(installAccountForm.value)"
  novalidate>
  <div>
    <label class="wsl-input-label" for="wsl-email">Email Address</label>
    <input
      class="wsl-input-field"
      type="email"
      id="wsl-email"
      name="email"
      formControlName="email"
      aria-describedby="wsl-email-help" />
    <small
      id="wsl-email-help"
      [ngClass]="hints.get('email').type"
      [innerHTML]="hints.get('email').text"></small>
  </div>
  <div>
    <label class="wsl-input-label" for="wsl-upass">Password</label>
    <input
      class="wsl-input-field"
      type="password"
      id="wsl-upass"
      name="upass"
      formControlName="upass"
      aria-describedby="wsl-upass-help"
      required
      autocomplete="new-password" />
    <small
      id="wsl-upass-help"
      [ngClass]="hints.get('upass').type"
      [innerHTML]="hints.get('upass').text"></small>
  </div>
  <div class="wsl-form-footer">
    <div class="wsl-form-submit flex flex-row-reverse justify-between">
      <button class="wsl-btn-lg wsl-btn-primary" type="submit">Continue</button>
      <button
        class="wsl-btn-lg wsl-btn-muted"
        (click)="switchTab.emit({ next: 'userInfo' })">
        Previous
      </button>
    </div>
  </div>
</form>
